<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>睿游内网</title>
<script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="{$Think.config.web_root}/Public/js/jquery-ui.js"></script>
<link href="{$Think.config.web_root}/Public/css/jquery-ui.css" rel="stylesheet" type="text/css">
<style type="text/css">
body,div,ul,table{
	margin:0; padding:0;
	list-style:none;
}
body{ background-color:#FFF; font-family:'微软雅黑'; border:#369 1px solid;}
#div_wrap{
	width:100%; min-width:1000px;
}
#div_wrap td{
	text-align:center;
}
#div_wrap .header{background-color:#09C; background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#069), to(#FFF));}
#div_wrap .footer{background-color:#333; color:#FFF; height:50px; vertical-align:middle; text-align:center;}
#logo img{height:60px; margin:20px;}

#main-nav ul{
	width:auto; height:30px;
	margin-right:50px;
}
#main-nav li{
	width:100px; height:30px;
	float:right; color:#FFF;
	text-align:center;
}
#main-nav li:hover{text-shadow:0 1px 2px #006699; color:#FFC;}

#banner img{
	width:100%; margin:0; padding:0;
}

.round-div{
	width:150px; height:90px; border-radius:75px;
	margin-left:100px; padding-top:60px; color:#FFF;
}

#tr-loading td{ opacity:1; width:100%; font:16px Verdana, Geneva, sans-serif; color:#C00; padding:5px 0;}
#tr-nav-bg td{width:33%; text-align:center; height:250px; cursor:default; text-shadow:0 1px 2px #006699; border-bottom:#FFF 1px solid;}
#nav-bg-itw{background-color:#D33;}
#nav-bg-dev{background-color:#09C;}
#nav-bg-jdg{background-color:#FC3;}

.itw-mde{height:650px; overflow:hidden;}
.dev-mde{height:0; overflow:hidden;}
.jdg-mde{height:0; overflow:hidden;}
#itw-tb-tr td{background-color:#FEE; position:relative; border-top:#BBB 1px solid;}
#dev-tb-tr td{background-color:#EEF; position:relative;}
#jdg-tb-tr td{background-color:#FFD; position:relative;}
#itw-table td{ text-align:left;}#dev-table td{ text-align:left;}#jdg-table td{ text-align:left;}

.info-table{margin:50px 0 50px 50px; color:#369; font-size:14px;width:90%; border:#369 1px solid; border-bottom:none;}
.info-table td,th{text-align:left; padding-left:5px; height:30px; border-bottom:#369 1px double; border-top:#999 0 px solid; }
.info-ops{margin-top:50px;}
.info-ops li{
	width:90px; height:25px; background-color:#069; color:#FFF;
	margin:0 0 10px 10px; font-size:14px; text-align:center; padding:5px 0 0 0; 
	vertical-align:middle; border-radius:2px; cursor:default;
}
.info-mask{
	position:absolute; top:0px; left:0px; overflow:hidden;
	width:100%; height:0px; background-color:rgba(0,0,0,0.5);
	z-index:10; text-align:center;
}
.itw-mde{overflow:auto;}
.itw-form{
	padding:40px 20px; background-color:rgba(255,255,255,1); width:70%; 
	margin:50px 0 0 5%; border-radius:5px; font-size:14px; overflow:hidden;
	display:none;
}
#itw-form-add table{ background-color:rgba(255,255,255,0.5); width:700px;}
#itw-form-add table td{text-align:left; background-color:#FFF; border:none;}

#itw-form-deal table{ background-color:rgba(255,255,255,0.5); width:400px;}
#itw-form-deal table td{text-align:center; background-color:#FFF; border:none; }
#itw-form-deal table th{text-align:left;}

.div-slt{border:#369 1px solid; width:400px; height:30px; overflow:hidden; margin-left:150px; text-align:right;}

#itw-page{width:100%; height:30px; text-align:center; background-color:#EEE; padding:10px 0; font-size:14px; color:#369; overflow:hidden;}
#itw-page a{cursor:default; text-decoration:none;}

.dev-mde{overflow:auto;}
.dev-form{
	padding:40px 20px; background-color:rgba(255,255,255,1); width:70%; 
	margin:50px 0 0 5%; border-radius:5px; font-size:14px; overflow:hidden;
}
#dev-form-add table td{text-align:left; background-color:#FFF; font-size:14px; padding-left:20px;}

.text-1{width:150px; height:21px; border:#069 1px solid; border-radius:3px;}
.text-1:focus{outline:none; border-color:#F93;}
.button-1{width:80px; height:25px; background-color:#369; color:#FFF; border:#069 0px solid; border-radius:3px; margin-left:30px;}
.button-1:hover{color:#F93;}
.text-2{width:420px; height:21px; border:#069 1px solid; border-radius:3px;}
.text-2:focus{outline:none; border-color:#F93;}
.button-2{width:40px; height:20px; background-color:#369; color:#FFF; border:#069 0px solid; border-radius:2px;}
.button-2:hover{background-color:#09C;}

.text-3{width:200px; height:30px; border:0; margin:0; padding:0;}
.text-3:focus{outline:none; border-color:#C00;}
.button-3{width:80px; height:30px; background-color:#369; color:#FFF; font:14px '微软雅黑'; border:0;}
.button-3:hover{background-color:#09C; color:#FF9;}
</style>
</head>

<body><center>
<table id="div_wrap" cellpadding="0" cellspacing="0">
	<tr class="header">
    	<td colspan="3" width="40%">
        	<div id="logo"><img src="{$Think.config.web_root}Public/images/logo.png"></div>
        </td>
        <td colspan="3">
        	<div id="main-nav">
            	<ul>
                	<a href=""><li>导航</li></a>
                	<a href=""><li>游戏评测</li></a>
                    <a href=""><li>设备管理</li></a>
                    <a href=""><li>面试安排</li></a>
                    <a href=""><li>首页</li></a>
                </ul>
            </div>
        </td>
    </tr>
    <tr>
    	<td colspan="6">
        	<div id="banner"><img src="{$Think.config.web_root}Public/images/banner.jpg"></div>
        </td>
    </tr>
    <tr id="tr-nav-bg">
    	<td colspan="2" id="td-nav-bg-itw">
        	<div id="nav-bg-itw" class="round-div">面试安排</div>
        </td>
        <td colspan="2" id="td-nav-bg-dev">
        	<div id="nav-bg-dev" class="round-div">设备管理</div>
        </td>
        <td colspan="2" id="td-nav-bg-jdg">
        	<div id="nav-bg-jdg" class="round-div">游戏评测</div>
        </td>
    </tr>
    <!--Loading 界面-->
    <tr id="tr-loading">
    	<td colspan="6" align="center">Loading<img src="{$Think.config.web_root}Public/images/loading.gif" height="5px"></td>
    </tr>
    <!--面试安排-->
    <tr id="itw-tb-tr">
  		<td colspan="5">
        	<div class="info-mask" align="center" id="itw-mask">
            	<form action="../AjaxItw/addItw" method="post" enctype="multipart/form-data" id="itw-form-add" class="itw-form">
                	<table cellspacing="8">
                    	<tr>
                        	<td>姓名</td><td><input type="text" name="itw-name" id="itw-name" class="text-1"></td>
                            <td>性别</td><td><input type="radio" value="1" name='itw-sex'>男&nbsp;&nbsp;&nbsp;&nbsp;
                            				<input type='radio' value="2" name="itw-sex">女
                                            </td>
                        </tr>
                        <tr>
                        	<td><label for='itw-contact'>联系方式</label></td><td><input type="text" name="itw-contact" id="itw-contact" class="text-1"></td>
                            <td><label for="itw-itwer">面试官</label></td><td><input type="text" name="itw-itwer" id="itw-contact" class="text-1"></td>
                        </tr>
                        <tr>
                        	<td><label for='itw-date'>时间</label></td><td><input type="datetime-local" name="itw-date" id="itw-date" class="text-1"></td>
                            <td><label for="itw-resume">简历</label></td><td><input type="file" name="itw-resume" id="itw-resume"></td>
                        </tr>
                        <tr>
                        	<td><label for='itw-job'>面试职位:</label></td><td><input type="text" name="itw-job" id="itw-job" class="text-1"></td>
                        	<td colspan="2">
                            	<input type="submit" value="确认" id="itw-submit" class="button-1">
                                <input type="button" value="取消" id="itw-reset" class="button-1">
                            </td></tr>
                    </table>
                </form>
                <form action="../AjaxItw/dealItw" method="post" id="itw-form-deal" class="itw-form">
                	<table cellspacing="5">
                    	<input type="hidden" name="itw-id" id="itw-id">
                    	<tr><th colspan="3"></th></tr>
                        <tr><td>结果</td><td><input type="text" name="itw-result" id="itw-result" class="text-1"></td>
                        	<td><input type="submit" value="确认" class="button-1"></td></tr>
                        <tr><td>备注</td><td><input type="text" name="itw-other" id="itw-other" class="text-1"></td>
                        	<td><input type="button" value="取消" onClick="resetDeal()" class="button-1"></td></tr>
                    </table>
                </form>
                <div id="itw-form-slt" class="itw-form">
                	<div id="div-itw-slt" class="div-slt">
                    <input type="text" id="itw-keyword" class="text-3"><input type="button" id="submit-itw-slt" value="搜 索" onClick="sltItw()" class="button-3"><input type="button" id="reset-itw-slt" value="取 消" class="button-3">
                    </div>
                </div>
        	</div>
            <div class="itw-mde" id="div-itw-table"></div>
            <div id="itw-page"><a onClick="toPageItw(-1)">上一页,</a><a onClick="toPageItw(1)">下一页</a></div>
        </td>
        <td width="20%" valign="top">
        <div class="itw-mde">
        	<ul id="itw-ops" class="info-ops">
            	<li onClick="ajax_itw('waitItw',0,1,0)">待面试</li>
                <li onClick="ajax_itw('haveItw',0,1,0)">已面试</li>
                <li id="itw-slt">查&nbsp; &nbsp;找</li>
                <li id="itw-add">添&nbsp; &nbsp;加</li>
            </ul>
        </div>
        </td>
    </tr>
    <!--设备管理-->
    <tr id="dev-tb-tr">
  		<td colspan="5">
        	<div class="info-mask" id="dev-mask">
            	<form action="../AjaxDev/addItem" method="post" id="dev-form-add" class="dev-form">
                	<table cellspacing="8">
                    	<tr><td><label for="dev-type">类型</label></td><td><input type="text" name="dev-type" id="dev-type" class="text-1"></td>
                        	<td><label for="dev-number">型号</label></td><td><input type="text" name="dev-number" id="dev-number" class="text-1"></td></tr>
                        <tr><td><label for="dev-product">厂商</label></td><td><input type="text" name="dev-product" id="dev-product" class="text-1"></td>
                        	<td><label for="dev-mac">Mac地址</label></td><td><input type="text" name="dev-mac" id="dev-mac" class="text-1"></td></tr>
                        <tr><td><label for="dev-os">系统</label></td><td><input type="text" name="dev-os" id="dev-os" class="text-1"></td>
                        	<td><label for="dev-version">版本</label></td><td><input type="text" name="dev-version" id="dev-version" class="text-1"></td></tr>
                        <tr><td><label for="dev-info">配置</label></td><td colspan="3"><input type="text" name="dev-info" id="dev-info" class="text-2"></td></tr>
                        <tr><td><label for="dev-os">备注</label></td><td><input type="text" name="dev-os" id="dev-os" class="text-1"></td>
                        	<td colspan="2"><input type="submit" value="提交" name="dev-submit" id="dev-submit" class="button-1">
                            	<input type="button" value="取消" name="dev-reset" id="dev-reset" onClick="" class="button-1"></td></tr>
                    </table>
                </form>
                <div id="dev-form-slt" class="dev-form">
                	<div id="div-itw-slt" class="div-slt">
                    <input type="text" id="dev-keyword" class="text-3"><input type="button" id="submit-dev-slt" value="搜 索" onClick="sltDev()" class="button-3"><input type="button" id="reset-dev-slt" value="取 消" class="button-3">
                    </div>
                </div>
            </div>
        	<div class="dev-mde" id="div-dev-table">
            <!--
    		<table cellpadding="0" cellspacing="0" id="dev-table" class="info-table">
            <tr><th colspan="8">公司设备记录:</th></tr>
        	<tr><th>序号</th><th>姓名</th><th>性别</th><th>联系方式</th><th>面试官</th><th>简历</th><th>结果</th><th>处理</th></tr>
            <tr><td>1</td><td>张三</td><td>男</td><td>18811577864</td><td>李四</td><td>下载</td><td>待面试</td><td>处理</td></tr>
            <tr><td>1</td><td>张三</td><td>男</td><td>18811577864</td><td>李四</td><td>下载</td><td>待面试</td><td>处理</td></tr>
            <tr><td>1</td><td>张三</td><td>男</td><td>18811577864</td><td>李四</td><td>下载</td><td>待面试</td><td>处理</td></tr>
        	</table>
            -->
            </div>
        </td>
        <td width="20%" valign="top">
        	<div class="dev-mde">
        	<ul id="dev-ops"  class="info-ops">
                <li id="dev-slt">查&nbsp; &nbsp;找</li>
                <li id="dev-add">添&nbsp; &nbsp;加</li>
            </ul>
            </div>
        </td>
    </tr>
    <!--游戏评测-->
    <tr id="jdg-tb-tr">
  		<td colspan="5">
        	<div class="jdg-mde">
    		<table cellpadding="0" cellspacing="0" id="jdg-table" class="info-table">
            <tr><th colspan="8">游戏评测记录:</th></tr>
            <!--
        	<tr><th>序号</th><th>姓名</th><th>性别</th><th>联系方式</th><th>面试官</th><th>简历</th><th>结果</th><th>处理</th></tr>
            <tr><td>1</td><td>张三</td><td>男</td><td>18811577864</td><td>李四</td><td>下载</td><td>待面试</td><td>处理</td></tr>
            <tr><td>1</td><td>张三</td><td>男</td><td>18811577864</td><td>李四</td><td>下载</td><td>待面试</td><td>处理</td></tr>
            <tr><td>1</td><td>张三</td><td>男</td><td>18811577864</td><td>李四</td><td>下载</td><td>待面试</td><td>处理</td></tr>
            -->
        	</table>
            </div>
        </td>
        <td width="20%" valign="top">
       		<div class="jdg-mde">
        	<ul id="jdg-ops"  class="info-ops">
                <li>查&nbsp; &nbsp;找</li>
                <li>添&nbsp; &nbsp;加</li>
            </ul>
            </div>
        </td>
    </tr>
    
    <tr><td colspan="6" height="0" bgcolor="#FFFFFF"></td></tr>
    <tr class="footer">
    	<td colspan="6">www.iruiyou.com</td>
    </tr>
</table>
</center></body>
<script language="javascript">
//初始化
var itw_page = 1;
var itw_fun = 'waitItw';          //面试分页界面确定

$("#nav-bg-itw").css("border-bottom","#369 5px solid"); //选中功能nav标记
ajax_itw('waitItw',0,1);

//Loading 界面隐现
function loading(){
	$("#tr-loading").css("opacity","1");
}
function disloading(){
	$("#tr-loading").css("opacity","0");
}
//触摸导航模块特效
$("#nav-bg-itw").mouseover(function(){$(this).animate({backgroundColor:"#FF0000"},500)}).mouseout(function(){$(this).animate({backgroundColor:"#DD3333"},500)});$("#nav-bg-dev").mouseover(function(){$(this).animate({backgroundColor:"#0000FF"},500)}).mouseout(function(){$(this).animate({backgroundColor:"#0099CC"},500)});$("#nav-bg-jdg").mouseover(function(){$(this).animate({backgroundColor:"#FFFF00"},500)}).mouseout(function(){$(this).animate({backgroundColor:"#FFCC33"},500)});
//ajax-面试
function ajax_itw(status,pg,repg,keyword){
	if(repg == 1) itw_page=1;
	itw_fun = status;
	itw_page = itw_page + pg;
	
	if(itw_page != 0){
		loading();
		$.get('../AjaxItw/doAjax?status='+status+'&page='+itw_page+'&keyword='+keyword,null,function(data){
			$("#div-itw-table").html(data); disloading();
		}).fail(function(){
			alert('error'); disloading();
		});
	}else{
		alert("已到达首页");
		itw_page=1;
	}
}

//模块操作按钮特效
$(".info-ops li").mouseover(function(){	$(this).animate({width:100,marginLeft:5},200);});
$(".info-ops li").mouseout(function(){	$(this).animate({width:90,marginLeft:10},200);});
//收起所有模块
function disMde(){
	$(".itw-mde").css('height','0'); $("#itw-page").css("height","0px").css("padding","0"); itw_mde=0;
	$(".dev-mde").css('height','0'); dev_mde=0;
	$(".jdg-mde").css('height','0'); jdg_mde=0;
	
	$(".round-div").css("border","0"); //Nav标记还原
}
//----------------------------面试模块功能集------------------------------------
//面试模块隐现
var itw_mde=1;
$("#nav-bg-itw").click(function(){
	if(itw_mde == 0){
		disMde(); itw_mde=1;
		$("#nav-bg-itw").css("border-bottom","#369 5px solid");
		//$(".itw-mde").animate({height:800},300);
		$(".itw-mde").css("height","650px");
		$("#itw-page").css("height","30px").css("padding","5px 0");
	}
});
//面试模块添加条目
var itw_add_num=0;
$("#itw-add").click(function(){
	if(itw_add_num%2==0){
		$("#itw-mask").animate({height:350},300);
		$("#itw-form-add").css("display","block");
		$("#itw-form-deal").css("display","none");
		$("#itw-form-slt").css("display","none");
	}else{
		if($("#itw-mask").animate({height:0},300));
	}
	itw_add_num++;
});
$("#itw-reset").click(function(){
	$("#itw-mask").animate({height:0},300);
	itw_add_num++;
});
//面试模块-处理面试结果
function dealItw(id,name){
	$("#itw-id").val(id);
	$("#itw-form-deal th").html(id+":"+name);
	$("#itw-mask").animate({height:350},300);
	$("#itw-form-deal").css("display","block");
	$("#itw-form-add").css("display","none");
	$("#itw-form-slt").css("display","none");
}
function resetDeal(){
	$("#itw-mask").animate({height:0},300);
}
//面试模块-搜索
$("#itw-slt").click(function(){
	$("#itw-mask").animate({height:350},300);
	$("#itw-form-slt").css("display","block");
	$("#itw-form-add").css("display","none");
	$("#itw-form-deal").css("display","none");
});
$("#reset-itw-slt").click(function(){
	$("#itw-mask").animate({height:0},300);
});
//面试模块-搜索结果模块
function sltItw(){
	var keyword = $("#itw-keyword").val();
	ajax_itw('sltItw',0,1,keyword);
	$(".info-mask").animate({height:0},300);
}
//面试-分页功能
function toPageItw(pg){
	ajax_itw(itw_fun,pg,0,0);
}
//-------------------------------设备模块功能集--------------------------------
//ajax-设备
function ajax_dev(status,keyword){
	loading();
	$.get('../AjaxDev/doAjax?status='+status+'&keyword='+keyword,null,function(data){
		$("#div-dev-table").html(data);
		disloading();
	}).fail(function(){
		alert('error'); disloading();
	});
}
//设备模块隐现
var dev_mde=0;
$("#nav-bg-dev").click(function(){
	if(dev_mde == 0){
		disMde(); dev_mde=1;
		$("#nav-bg-dev").css("border-bottom","#369 5px solid");
		//$(".dev-mde").animate({height:800},300);
		$(".dev-mde").css("height","650px");
		ajax_dev('getDev')
	}
});

//添加设备
var dev_add=0;
$("#dev-add").click(function(){
	if(dev_add%2==0){
		$("#dev-mask").animate({height:350},300);
		$("#dev-form-add").css("display","block");
		$("#dev-form-slt").css("display","none");
	}else{
		$("#dev-mask").animate({height:0},300);
	}
	dev_add++;
});
$("#dev-reset").click(function(){
	$("#dev-mask").animate({height:0},300);dev_add++;
});
//设备模块--查找 隐现
$("#dev-slt").click(function(){
	$("#dev-mask").animate({height:350},300);
	$("#dev-form-slt").css("display","block");
	$("#dev-form-add").css("display","none");
});
$("#reset-dev-slt").click(function(){
	$("#dev-mask").animate({height:0},300);
});
//设备模块
$("#submit-dev-slt").click(function(){
	var keyword = $("#dev-keyword").val();
	$("#dev-mask").animate({height:0},300);
	ajax_dev('sltItem',keyword);
});
//-------------------------------评测模块功能集-----------------------
//评测模块隐现
var jdg_mde=0;
$("#nav-bg-jdg").click(function(){
	if(jdg_mde == 0){
		disMde(); jdg_mde=1;
		$("#nav-bg-jdg").css("border-bottom","#369 5px solid");
		//$(".jdg-mde").animate({height:800},300);
		$(".jdg-mde").css("height","650px");
	}
});
</script>
</html>
